<script type="text/javascript">
	 $(function() {
	 	var pickerOpts = { dateFormat: 'dd-mm-yy' }
    	$( '#datepickerInicio' ).datepicker( pickerOpts );
		$( '#datepickerFin' ).datepicker( pickerOpts );
	 });
	 
	$.datepicker.regional['es'] = {
	 closeText: 'Cerrar',
	 prevText: '<Ant',
	 nextText: 'Sig>',
	 currentText: 'Hoy',
	 monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
	 monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
	 dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
	 dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
	 dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
	 weekHeader: 'Sm',
	 dateFormat: 'dd/mm/yy',
	 firstDay: 1,
	 isRTL: false,
	 showMonthAfterYear: false,
	 yearSuffix: ''
	 };
	 $.datepicker.setDefaults($.datepicker.regional['es']);
	
	 $(document).ready(function(){
	    $('#tiempoLimite').numeric();
	 });
	 function volver(button) {
		button.form.method = 'get'
		button.form.action = '/listaConferencia'
		return true
	 }
	
	 function soloNumeros(e) {
		var keynum = window.event ? window.event.keyCode : e.which;
		if ( keynum == 8 ) return true;
		return /\d/.test(String.fromCharCode(keynum));
	 }
</script>

<h1>
<img src=<%= @conferencia.cargarImagen() %> class="img-thumbnail" style="border-radius: 5%; height:60px;">
<%= @conferencia.nombre	%>
</h1>

<h2><span class="glyphicon glyphicon-pencil"/>&nbsp;Editar</h2>
<br/>
	<% if @message != nil %>
		<p class="alert alert-danger text-danger"><%= @message %></p>
	<% end %>

<form method="post" action="/editarConferencia/<%= @conferencia.id %>" enctype="multipart/form-data" role="form">

	<div class="form-group">
		<label for="descripcion">Descripción</label>
		<textarea name="descripcion" class="form-control" rows="7" cols="77" placeholder="Descripción"><%= @conferencia.descripcion.nil? ? params[:descripcion] : @conferencia.descripcion %></textarea>
	</div>

	<div class="form-group col-md-6">
		<span class="glyphicon glyphicon-calendar"/>
		<label for="fechaInicio">Desde</label>
		<input type="text" id="datepickerInicio" name="fechaInicio" class="form-control" value="<%= @conferencia.fechaInicio.nil? ? params[:fechaInicio] : @conferencia.fechaInicioConferencia %>" style="width:220px"/>
	</div>	 

	<div class="form-group col-md-6">
		<span class="glyphicon glyphicon-calendar"/>
		<label for="fechaFin">Hasta</label>
		<input type="text" id="datepickerFin" name="fechaFin" class="form-control" value="<%= @conferencia.fechaFin.nil? ? params[:fechaFin] : @conferencia.fechaFinConferencia %>" style="width:220px"/>
	</div>	
	
	<div class="form-group">
		<label for="lugar">Lugar </label><br>
		<input type="text" name="lugar" class="form-control" value="<%= @conferencia.lugar.nil? ? params[:lugar] : @conferencia.lugar %>" style="width:485px">	
	</div>

	<div class="form-group">
		<span class="glyphicon glyphicon-time"/>
		<label for="tiempoLimite">Tiempo L&iacute;mite Charla </label>&nbsp;<small>(minutos)</small><br>
		<input name="tiempoLimite" class="form-control" value="<%= @conferencia.tiempoLimiteParaCharlas %>" id="tiempoLimite">	
	</div>

	<div class="form-group">
		<label for="imagen">Subir Imagen</label>
		<div class="fake-input">
			<input name="imagen" class="form-control" type="file" class="hidden-input">
		</div>
	</div>

	<br>
	<input type="submit" value="Guardar" class="btn btn-primary"/>
	<input type="submit" value="Volver" class="btn btn-default" onClick="volver(this)"/>	
</form>